<template>
	<div class="characteristic-box">
		<ul>
			<li class="listxxx" v-for="item in imglist">
				<router-link  :to="{path:'/characteristiclist',query:{'id':item.recom_id}}"><img :src="'http://www.ntyouxuan.com/'+item.recom_list"/></router-link>
			</li>
		</ul>
		<div style="height: 0.56rem;"></div>
		<navfot class="navfot"></navfot>
		
	</div>
</template>

<script>
	import navfot from '@/components/nav'
	import seachrm from '@/components/seachview/seachmodel'
	export default{
		components:{navfot},
		data () {
			return{
				imglist:''
			}
		},
		mounted:function(){
			var self=this;
			$.ajax({
				type:"get",
				url:furl+"index.php?app=ajax_feature&act=area",
				dataType:'json',
				success:function(res){
					self.imglist=res.retval;
				}
			});
		},
		methods:{
			
		}
	}
</script>

<style>
	.characteristic-box{font-size:0;padding:0.32rem;background-image: url(../../img-user/tesebg.jpg);min-height: 100%;box-sizing: border-box;}
	.characteristic-box .listxxx{display: inline-block;margin-bottom: 0.3rem;}
	.characteristic-box .listxxx:nth-child(3n-1){margin-left: 0.28rem;margin-right: 0.28rem;}
	.characteristic-box a{display: block;}
	.characteristic-box a>img{width:2.1rem;height:3.4rem;}
	.characteristic-box .navfot li{
		/*width: 75px;
		height: 48px;
		margin-right: -8px;*/
	}
</style>